<template>
  <div class="row">
    <h2 v-show="userInfo.isInit">请搜索</h2>
    <h2 v-show="userInfo.isSearch">正在搜索中....</h2>
    <Item
      v-show="!userInfo.isInit && !userInfo.isSearch"
      v-for="user in userInfo.userList"
      :key="user.id"
      v-bind="user"
    />
  </div>
</template>

<script>
import Item from "./Item";
export default {
  name: "List",
  components: { Item },
  props: ["userInfo"],
};
</script>

<style>
</style>